<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>File Converts</title>
		<link rel="icon" href="images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/shouyie.css">
		<!-- bootstrap样式 -->
		<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
		<script src="bootstrap/bootstrap.min.js"></script>
		<script src="bootstrap/popper.min.js"></script>
		<script src="bootstrap/bootstrap.bundle.min.js"></script>
		<!-- vue -->
		<script src="vue/vue.js"></script>
		<script type="module">
			new Vue({
				el: '#app',
				data: {
					logo: "images/filetranslogo.gif",
					download: [{
						version: "下载v1.0",
						link: "https://www.fntop.cn/converts-v1.exe",
					
					}, {
						version: "下载v2.0",
						link: "https://www.fntop.cn/converts-v2.exe",
					
					}, {
						version: "下载v3.0",
						link: "https://www.fntop.cn/converts-v3.exe",

					}],
					active: 2,
					name: "File Converts",
					copyright: "Copyright © 2023 cn.fntop",
					beian: "赣ICP备2023002035号",
					headData: [{
						href: "index.html",
						remark: "首页"
					}, {
						href: "md.html",
						remark: "使用说明"
					}, {
						href: "contact.html",
						remark: "联系我们"
					}, {
						href: "member.html",
						remark: "会员"
					}],
					footData: [{
						title: "微信",
						href: "#",
						img: "images/wx.jpg",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "公众号",
						href: "#",
						img: "images/public.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信赞赏",
						href: "#",
						img: "images/wxnicepay.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信群",
						href: "#",
						img: "images/wxgroup.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "Gitee",
						href: "https://gitee.com/FnTop",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "CSDN",
						href: "https://blog.csdn.net/qq_40673786?spm=1010.2135.3001.5343",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "简体中文",
						href: "#",
						img: "",
						sub: [{
							title: "简体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "繁体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "english",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}]
					}]
				}
			});
		</script>
	</head>
	<body>
		<div id="app">
			<!--头部-->
			<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top shadow-lg bg-body-tertiary"
				data-bs-theme="dark">
				<div class="container-fluid" style="margin-left: 12%;">
					<a class="navbar-brand" href="index.html">
						<img :src="logo" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
						{{name}}
					</a>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
						data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav me-auto mx-2">
							<div v-for="(item,index) in headData">
								<li class="nav-item">
									<a :class="active==index?'nav-link active':'nav-link'"
										:href="item.href">{{item.remark}}</a>
								</li>
							</div>
						</ul>
						<form class="d-flex" style="margin-right: 12%;" role="search">
							<a class="btn btn-outline-success ms-3" v-for="item in download" :href="item.link"
								type="submit">{{item.version}}</a>
						</form>
					</div>
				</div>
			</nav>
			<!--核心-->
			<div class="container">

				<div class="row" style="margin-top: 80px;">
					<div class="col">
						<div class="card text-center">
							<div class="card-body">

								<h5 class="card-title placeholder-wave">
									<span class="placeholder  bg-primary col-6"></span>
								</h5>
								<h5 class="card-title">联系我们</h5>
								<p class="card-text">如果您有任何问题或需要帮助，请随时与我们联系。网站下方有微信群二维码</p>
							</div>
							<ul class="list-group list-group-flush">
								<li class="list-group-item"><span>电话：</span> 0136-462158658（电话无效，请发送邮箱）</li>
								<li class="list-group-item"><span>邮箱：</span> java4n@qq.com</li>
								<li class="list-group-item"><span>地址：</span> 53 Airport Road, GuangDong Provice Baiyun
									District , China</li>
								<li class="list-group-item">
									<h5 class="card-title placeholder-wave">
										<span class="placeholder  bg-warning col-6"></span>
									</h5>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--4.页脚部分开始-->
				<div class="row mt-5 fixed-bottom">
					<div class="col">
						<div class="footer">
							<ul class="uu">
								<span v-for="item in footData">
									<li :class="item.sub.length!=0?'flast':'QR_father'">
										<a :target="item.target" :href="item.href">
											<img :class="item.imgClass" :src="item.img" v-if="item.img!==''" />
											{{item.title}}
											<ul class="languagefrom" v-if="item.sub!=null">
												<li v-for="subitem in item.sub">
													<a :target="subitem.target" :href="subitem.href">
														{{subitem.title}}
													</a>
												</li>
											</ul>
										</a>
									</li>
								</span>
							</ul>
							<p>
								{{copyright}} <br /> {{beian}}
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>